<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html,
        body,
        #app {
            height: 100%;
            overflow: hidden;
        }

        #content {
            height: 2000px;
            background: linear-gradient(to bottom, #ccc, #123);
            padding: 20px;
            position:absolute;
        }
    </style>
</head>

<body>
    <div id="app">
        <div id="content">
            “什么？这么个活生生的大姑娘居然不是真人？”

            日前，清华虚拟学生华智冰弹唱歌曲的视频走红网络，视频中的华智冰是一名眉目清秀的女孩。她盘腿而坐，抱着吉他忘情地唱着歌，和真人无异。视频一经发出，引来众多网友惊叹。

            华智冰唱歌视频被指翻车，只是换了个人脸？小冰公司早有说明

            近日，有网友发现，该视频的原型是一则B站视频，只是人脸和人声做了AI替换。之前很多网友认为整个视频是AI制作。

            此事再次引起热议。有不少网友认为华智冰翻车了，说是AI合成，事实上就是换了张脸。

            还有网友认为，换脸都算不上，就是开了美颜，声音加了滤波。

            事实上，在视频发布初期，小冰公司就对该视频进行过解释。

            在短视频平台，小冰公司歌声由人工智能小冰框架 X Studio 生成，人类生物学特征由小冰框架 X Avatar 生成置入，肢体表情训练及视频来源于小冰团队成员鱼子酱酱。

            “什么？这么个活生生的大姑娘居然不是真人？”

            日前，清华虚拟学生华智冰弹唱歌曲的视频走红网络，视频中的华智冰是一名眉目清秀的女孩。她盘腿而坐，抱着吉他忘情地唱着歌，和真人无异。视频一经发出，引来众多网友惊叹。

            华智冰唱歌视频被指翻车，只是换了个人脸？小冰公司早有说明

            近日，有网友发现，该视频的原型是一则B站视频，只是人脸和人声做了AI替换。之前很多网友认为整个视频是AI制作。

            此事再次引起热议。有不少网友认为华智冰翻车了，说是AI合成，事实上就是换了张脸。

            还有网友认为，换脸都算不上，就是开了美颜，声音加了滤波。

            事实上，在视频发布初期，小冰公司就对该视频进行过解释。

            在短视频平台，小冰公司歌声由人工智能小冰框架 X Studio 生成，人类生物学特征由小冰框架 X Avatar 生成置入，肢体表情训练及视频来源于小冰团队成员鱼子酱酱。


            “什么？这么个活生生的大姑娘居然不是真人？”

            日前，清华虚拟学生华智冰弹唱歌曲的视频走红网络，视频中的华智冰是一名眉目清秀的女孩。她盘腿而坐，抱着吉他忘情地唱着歌，和真人无异。视频一经发出，引来众多网友惊叹。

            华智冰唱歌视频被指翻车，只是换了个人脸？小冰公司早有说明

            近日，有网友发现，该视频的原型是一则B站视频，只是人脸和人声做了AI替换。之前很多网友认为整个视频是AI制作。

            此事再次引起热议。有不少网友认为华智冰翻车了，说是AI合成，事实上就是换了张脸。

            还有网友认为，换脸都算不上，就是开了美颜，声音加了滤波。

            事实上，在视频发布初期，小冰公司就对该视频进行过解释。

            在短视频平台，小冰公司歌声由人工智能小冰框架 X Studio 生成，人类生物学特征由小冰框架 X Avatar 生成置入，肢体表情训练及视频来源于小冰团队成员鱼子酱酱。


            “什么？这么个活生生的大姑娘居然不是真人？”

            日前，清华虚拟学生华智冰弹唱歌曲的视频走红网络，视频中的华智冰是一名眉目清秀的女孩。她盘腿而坐，抱着吉他忘情地唱着歌，和真人无异。视频一经发出，引来众多网友惊叹。

            华智冰唱歌视频被指翻车，只是换了个人脸？小冰公司早有说明

            近日，有网友发现，该视频的原型是一则B站视频，只是人脸和人声做了AI替换。之前很多网友认为整个视频是AI制作。

            此事再次引起热议。有不少网友认为华智冰翻车了，说是AI合成，事实上就是换了张脸。

            还有网友认为，换脸都算不上，就是开了美颜，声音加了滤波。

            事实上，在视频发布初期，小冰公司就对该视频进行过解释。

            在短视频平台，小冰公司歌声由人工智能小冰框架 X Studio 生成，人类生物学特征由小冰框架 X Avatar 生成置入，肢体表情训练及视频来源于小冰团队成员鱼子酱酱。

            “什么？这么个活生生的大姑娘居然不是真人？”

            日前，清华虚拟学生华智冰弹唱歌曲的视频走红网络，视频中的华智冰是一名眉目清秀的女孩。她盘腿而坐，抱着吉他忘情地唱着歌，和真人无异。视频一经发出，引来众多网友惊叹。

            华智冰唱歌视频被指翻车，只是换了个人脸？小冰公司早有说明

            近日，有网友发现，该视频的原型是一则B站视频，只是人脸和人声做了AI替换。之前很多网友认为整个视频是AI制作。

            此事再次引起热议。有不少网友认为华智冰翻车了，说是AI合成，事实上就是换了张脸。

            还有网友认为，换脸都算不上，就是开了美颜，声音加了滤波。

            事实上，在视频发布初期，小冰公司就对该视频进行过解释。

            在短视频平台，小冰公司歌声由人工智能小冰框架 X Studio 生成，人类生物学特征由小冰框架 X Avatar 生成置入，肢体表情训练及视频来源于小冰团队成员鱼子酱酱。
        </div>
    </div>

    <script>
        //获取元素
        let app = document.querySelector("#app");
        let content = document.querySelector("#content");

        app.addEventListener('touchstart', function(e){
            e.preventDefault();
        });

        content.addEventListener('touchstart', function(e){
            this.t = content.offsetTop;
            this.y = e.changedTouches[0].clientY;
        })
        
        content.addEventListener('touchmove', function(e){
            let _y = e.changedTouches[0].clientY;

            let newTop = _y - this.y + this.t;
            //判断是否越界
            if(newTop >= 0) newTop = 0;
            //计算最小的 top 值
            let minTop = -(content.offsetHeight - app.offsetHeight);
            if(newTop <= minTop) newTop = minTop;

            content.style.top = newTop + 'px';
        })
        content.addEventListener('touchend', function(){})

    </script>
</body>

</html>